﻿<!--
    Copyright © Microsoft Corporation.  All Rights Reserved.
    This code released under the terms of the 
    Microsoft Public License (MS-PL, http://opensource.org/licenses/ms-pl.html.)
-->

<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:PrototypeScreens"
	xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
	xmlns:pi="http://schemas.microsoft.com/prototyping/2010/interactivity"
	xmlns:pc="http://schemas.microsoft.com/prototyping/2010/controls"
	xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
	xmlns:ssi="clr-namespace:SketchFlow.SaveState.Interactions;assembly=SketchFlow.SaveState.WPF"
	x:Name="Screen_1_Name"
	mc:Ignorable="d"
	x:Class="PrototypeScreens.Screen_1"
	UseLayoutRounding="True"
	Width="640" Height="192">
	<UserControl.Resources>
		<ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
			<VirtualizingStackPanel IsItemsHost="True" Orientation="Horizontal"/>
		</ItemsPanelTemplate>
	</UserControl.Resources>
	<i:Interaction.Behaviors>
		<ssi:SaveVisualStateBehavior/>
		<ssi:SaveScreenStateBehavior/>
	</i:Interaction.Behaviors>

	<Grid x:Name="LayoutRoot" Background="#FFFF9999">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="VisualStateGroup">
				<VisualState x:Name="A">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot">
							<EasingColorKeyFrame KeyTime="0" Value="#FFFFAAAA"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="B">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot">
							<EasingColorKeyFrame KeyTime="0" Value="#FFFF5555"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="C">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot">
							<EasingColorKeyFrame KeyTime="0" Value="#FFAA0000"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
			<VisualStateGroup x:Name="VisualStateGroup1">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.5"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="D"/>
				<VisualState x:Name="E">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="sketchRectangleUC">
							<EasingColorKeyFrame KeyTime="0" Value="#FFFF9999"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="F">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="sketchRectangleUC">
							<EasingColorKeyFrame KeyTime="0" Value="#FF990000"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Button Content="Navigate" HorizontalAlignment="Left" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Top" Width="86" Margin="8,8,0,0" Height="30" Foreground="Black">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<pi:NavigateToScreenAction TargetScreen="PrototypeScreens.Screen_2"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<StackPanel HorizontalAlignment="Left" Margin="112,16,0,20" Orientation="Vertical" Width="160" d:LayoutOverrides="Height">
			<TextBox x:Name="textBox" Style="{DynamicResource BasicTextBox-Sketch}" TextWrapping="Wrap" Text="TextBox" Margin="0,0,0,4"/>
			<CheckBox Content="CheckBox" Style="{DynamicResource CheckBox-Sketch}" Margin="2,0,0,4"/>
			<Slider Style="{DynamicResource Slider-Sketch}" Height="36" Margin="0,0,0,4"/>
			<ComboBox Style="{DynamicResource ComboBox-Sketch}" Margin="0,0,0,4">
				<ComboBoxItem Content="alfa"/>
				<ComboBoxItem Content="bravo"/>
				<ComboBoxItem Content="charly"/>
				<ComboBoxItem Content="delta"/>
				<ComboBoxItem Content="echo"/>
			</ComboBox>
			<ListBox ItemsPanel="{DynamicResource ItemsPanelTemplate1}" Margin="0,0,0,4">
				<ListBoxItem Content="1" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
				<ListBoxItem Content="2" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
				<ListBoxItem Content="3" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
				<ListBoxItem Content="4" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
				<ListBoxItem Content="5" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
				<ListBoxItem Content="6" Style="{DynamicResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center"/>
			</ListBox>
		</StackPanel>
		<Button Content="A" HorizontalAlignment="Left" Height="24" Margin="8,0,0,36" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="A"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="B" HorizontalAlignment="Left" Height="24" Margin="38,0,0,36" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="B"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="C" HorizontalAlignment="Left" Height="24" Margin="68,0,0,36" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="C"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="D" HorizontalAlignment="Left" Height="24" Margin="8,0,0,8" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="D"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="E" HorizontalAlignment="Left" Height="24" Margin="38,0,0,8" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="E"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="F" HorizontalAlignment="Left" Height="24" Margin="68,0,0,8" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Bottom" Width="26">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="F"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<pc:SketchRectangleUC x:Name="sketchRectangleUC" HorizontalAlignment="Left" Margin="8,48,0,68" Style="{DynamicResource Rectangle-Sketch}" Width="86" Background="White"/>
		<local:Screen_3 VerticalAlignment="Top" Margin="276,8,188,0"/>
		<local:Screen_3 HorizontalAlignment="Right" VerticalAlignment="Top" d:IsPrototypingComposition="True" Margin="0,8,8,0"/>
	</Grid>
</UserControl>